<template>
    <view class="df jsb ac m20">
        <view class="box-left">基本信息</view>
    </view>
    <uv-line></uv-line>
    <view class="m20">
        <uv-form :model="formData" ref="form" label-width="200">
            <uv-form-item label="宗地代码:" borderBottom>
                <uv-input v-model="formData.address" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="户主姓名:" borderBottom>
                <uv-input v-model="formData.householder" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="电话:" borderBottom>
                <uv-input v-model="formData.phone" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="地点:" borderBottom>
                <uv-input v-model="formData.adress" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="风险等级:" borderBottom>
                <uv-input v-model="formData.riskLevel" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="初步风险评估:" borderBottom>
                <uv-input v-model="formData.zhca01a530" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="实地风险评估:" borderBottom>
                <uv-input v-model="formData.zhca01a540" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="切坡高(m):" borderBottom>
                <uv-input v-model="formData.height" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="切坡宽(m):" borderBottom>
                <uv-input v-model="formData.wide" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="切坡坡度(°):" borderBottom>
                <uv-input v-model="formData.slope" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="建筑物至坡脚距离(m):" borderBottom>
                <uv-input v-model="formData.distance" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="是否有挡土墙:" borderBottom>
                <uv-input v-model="formData.wall" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="房屋结构:" borderBottom>
                <uv-input v-model="formData.structure" border="none" readonly>
                </uv-input>
            </uv-form-item>
            <uv-form-item label="房屋层数:" borderBottom>
                <uv-input v-model="formData.layers" border="none" readonly>
                </uv-input>
            </uv-form-item>
        </uv-form>
    </view>
</template>

<script lang="ts" setup>
import { getQiePoXinXiById_API } from '@/server/mapdzfz'


onLoad((e) => {
    getList(e.code)
})
const formData = ref<any>({})
const getList = async (e) => {
    const res = await getQiePoXinXiById_API(e)
    if (res.code === 0) {
        formData.value = res.data
    }
}

</script>

<style lang="scss" scoped>
.QRimg {
    position: absolute;
    top: 100rpx;
    right: 20rpx;
    z-index: 99;

    .title {
        text-align: center;
        line-height: 30rpx;
        color: #007AFF;
    }

    image {
        width: 230rpx;
        height: 230rpx;
        padding: 0;
        background: #fff;
    }

}
</style>
